<template>
  <div>
      <p v-for="(value,name,index) in params" :key="index">{{index}}:{{name}}:{{value}}</p>
      <!-- <a-input @change="(e)=>{inputChange(e,val)}" v-model="res"></a-input> -->
      <input type="checkbox" id="jack" value="jack" v-model="checkNames">
      <label for="jack">Jack</label>
       <input type="checkbox" id="john" value="john" v-model="checkNames">
      <label for="john">John</label>
       <input type="checkbox" id="steven" value="steven" v-model="checkNames">
      <label for="steven">Steven</label>
      <div>{{checkNames}}</div>
  </div>
</template>
<script>
export default {
    name:'v_for',
    data() {
        return {
            params:{
                test1:'qwertyuiop',
                test2:'asdfghjkl',
                test3:'zxcvbnm',
            },
            checkNames:[],
        }
    },
}
</script>

<style>

</style>